<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>我的信息</title>
  <link rel="stylesheet" href="../../static/css/normalize.css">

  <style type="text/css">
    *{
      margin: 0;
      padding: 0;
    }
    html,body{
      width: 100%;
      height: 100%;
    }

    .main{
      font-size: 20px;
      width: 100%;
      height: 100%;
      background-color: #5bc0de;
      overflow: hidden;
    }
    .me{
      margin-top: 50px;
      margin-left: 580px;
    }
    .me ul li{
      line-height: 70px;
      list-style-type: none;
    }

    .me ul li span{
      display: inline-block;
      margin-left: 70px;
    }
    .me ul .name{
      margin-left: 20px;
    }
    .me ul .name span{
       margin-left: 100px;
     }
    .me ul .age{
      margin-left: 20px;
    }
    .me ul .age span{
      margin-left: 115px;
    }
    .me ul .major{
      margin-left: 20px;
    }
    .me ul .major span{
      margin-left: 90px;
    }


    .me ul .school span{
      margin-left: 55px;
    }

    .me ul .post span{
      margin-left: 45px;
    }

    .me ul .skill-div{
      display: block;
      line-height: 40px;
      margin-left: 180px;
    }


  </style>

</head>
<body>
    <div class="main">
      <div class="me">
        <ul>

          <div class="name">
            <li> 姓名:   <span>徐尔诺</span>  </li>
          </div>

          <div class="age">
            <li>  年龄: <span>22</span> </li>
          </div>

          <div class="major">
            <li>  专业: <span>软件工程</span> </li>
          </div>

          <div class="school">
            <li>  毕业学校:  <span>广东理工学院</span>  </li>
          </div>

          <div class="post">
            <li> 应聘职位:  <span>Web初级工程师</span> </li>
          </div>

          <div class="skill">
              <li>掌握的技术:
                <span>CSS、HTML5、JavaScript、JQuery、Java、Bootstrap</span>
                <span class="skill-div">数据结构与算法、Spring、SpringMVC、Mybatis、SpringBoot</span>
              </li>
          </div>
        </ul>

      </div>
    </div>
</body>
</html>